import { useState, useEffect, useCallback, FC } from "react";
interface arr {
  arr: any;
  bottomarr: any;
}
const right: FC<arr> = (props) => {
  return (
    <div className="wz_right">
      <div className="wz_top">
        <h3>推荐阅读</h3>
        {props.arr &&
          props.arr.map((item, i) => {
            return <p key={i}>{item.title}</p>;
          })}
      </div>
      <div className="wz_bottom">
        <h3>文章标签</h3>
        <div className="tag_Div">
          {props.bottomarr &&
            props.bottomarr.map((item, i) => {
              return (
                <span className="tag_span">
                  {item.label}[{item.articleCount}]
                </span>
              );
            })}
        </div>
      </div>
    </div>
  );
};
export default right;
